html{
    height:100%;
}
body{
    height:100%;
}
.comment-txt{
    background-color: #fff;
    display: block;
    box-sizing:border-box;
    padding:.4rem;
    padding-top:.2rem;
    margin-top:.2rem;
    width:100%;
    height:100%;
    border: none;
    resize: none;
    font-size: .3rem;
}
.post-coment{
    width:100%;
    position:fixed;
    background:#f9f9f9;
    left:0;
    bottom:0;
    padding-top: .2rem;
    
    .ops{
        overflow:hidden;
        padding: .22rem .4rem;
    }
    span{
        background: url('') no-repeat;
        background-size: contain;
        float: left;
        height: .44rem;
        width: .44rem;
    }
    a{
        float: right;
        width: .78rem;
        height: .42rem;
        line-height: .42rem;
        text-align: center;
        background-color: #fff;
        border: 1px solid #e6e6e6
    }
    .postit{
        background:#fa0;
        color:#fff;
    }
}
.up{
    background-image: url("");
}
.tie-op{
    height: .88rem;
    line-height: .88rem;
    background-color: #fff;
    padding:0 .4rem;
    border-bottom: 1px solid #e6e6e6;
    .like{
        display: inline-block;
        width: .28rem;
        height: .28rem;
        background-size: contain;
        margin-right: .1rem;
    }
    a{
        vertical-align: 2px;
    }
    .comt{
        margin-left: .8rem;
        background-image: url('');
    }
    em{
        float: right;
        width: .28rem;
        height: .06rem;
        background-image: url("");
        background-size: contain;
        margin-top: .4rem;
    }
}
.com-cnt{
    margin-top: .24rem;
    span{
        color:#333;
    }
}